<!DOCTYPE html>
<html lang="zh">     <!--en会显示是否翻译弹出框-->
  
<head>
  <meta charset="UTF-8">
  <title>马军的博客mj-blog</title> 
  <!--link rel="icon" href="_media/favicon.ico"网页图标-->
  <link rel="icon" href=":dart:">
  <!---<title>马军的博客mj-blog</title> 网页打开置顶默认是Document-->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="description" content="我的个人博客mj-blog">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
  <!--link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css"-->

  <meta name="keywords" content="不要你搜到我">

  <!-- Theme: Simple Dark -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsify-themeable@0/dist/css/theme-simple-dark.css">
  <!--解决缓存-->
  <!--meta http-equiv="Expires" content="0">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-control" content="no-cache">
  <meta http-equiv="Cache" content="no-cache"-->
  
  <!--meta name="referrer" content="no-referrer"-->

  <!-- fontawesome图标库 -->
  <!-- <link rel="stylesheet" href="fontawesome/css/all.css"> -->

  <style>    
    /*滚动条*/    
    ::-webkit-scrollbar{width:10px;} /*宽度 */   
    ::-webkit-scrollbar-thumb{
      background: #33a9dc;
      background-image: linear-gradient(#6ecd56, #cbdc33, #cb6196, #7362c1);/*颜色*/
      border-radius: 0.5em;/*倒角*/}
      
  </style>

</head>
<body>
  <div id="app" >正在加载中... <br>为了更新，设置了缓存清理，需等待几秒.</div>
  <script>
    window.$docsify = {
      name: '马军的博客',
      repo: 'https://gitee.com/majun2020/mj-blog',//右上角徽标
      formatUpdated: '{YYYY}年{MM}月{DD}日 {HH}:{mm}',//文档更新日期
      //topMargin: 90, // default: 0,固定页头
      autoHeader: true,//标题自动展示
      logo:'myphoto_blue.jpg',//在侧边栏中出现的网站图标
      coverpage:true,
      loadNavbar:true,
      loadSidebar:true,
      //alias: {'/.*/_sidebar.md': '/_sidebar.md'},//避免回退
      subMaxLevel:2,
      //relativePath:true,//相对路径

      search:'auto',//搜索框
      //search:{placeholder: '请输入关键字搜索', },//中文框搜索

      //回到顶部
      scrollToTop: {
        auto:true,
        text:'回到顶部',
      },

      //统计字数
      count:{
        countable:true,
        fontsize:'1em',
        color:'rgb(70,70,256)',
        language:'chinese'
      },


      executeScript: true,

      //每页底部显示
      plugins: [
        function(hook) {
          var footer = [
            '<hr/>',
            '<footer align="center">',       //居中     
            '<span>Copyright</a> &copy;2021-至今. </span>',
            '<span>Powered by <a href="https://gitee.com/majun2020/mj-blog" target="_blank">mj-blog</a>.</span>',
            '<br/>',//换行
            '<span id="timeDate"><font color=马军的博客创建于2021年10月25日，已安全运行 240 天 12 小时 37 分 37 秒.</span>', //           
            '</footer>'
          ].join('');

          hook.afterEach(function(html) {
            return html + footer;
          });  
          
          
        }
      ],        
      //更新时间
     

     // <!--页面底部，上一节，下一节-->
      pagination: {
            previousText: '上一章节',
            nextText: '下一章节',
            crossChapter: true,
            crossChapterText: true,
        },


        

    }
  </script>

  <!-- Docsify v4 -->
  <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>

  <!--script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script-->

  <!--搜索框插件-->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>

  <!--图片缩放-->
  <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>

 <!-- 回到顶部功能 -->
 <script src="https://cdn.jsdelivr.net/gh/wugenqiang/NoteBook@master/plugin/jquery.js"></script>
 <script src="https://cdn.jsdelivr.net/gh/wugenqiang/NoteBook@master/plugin/jquery.goup.js"></script>

 <script type="text/javascript">
   $(document).ready(function () {
     $.goup({
       trigger: 80,
       bottomOffset: 45,
       locationOffset: 15,
       title:'回到顶部TOP',
       //title: 'TOP',
       titleAsText: true
     });
   });
 </script>


<!--大长腿-->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
<script>
  L2Dwidget.init({
    "model": {      
      jsonPath: "https://unpkg.com/live2d-widget-model-hibiki/assets/hibiki.model.json",//我的github,hibiki大长腿，shizuku学习桌
      "scale": 1
    },
    "display": {
      "position": "right", //位置
      "width": 60,  //宽度
      "height": 120, //高度
      "hOffset": 35,
      "vOffset": -2,
    },
    "mobile": {
      "show": true,
      "scale": 0.5
    },
    "react": {
      "opacityDefault": 0.7,
      "opacityOnHover": 0.2
    }
  });
</script>


<!-- mouse click -->
<script src="//cdn.jsdelivr.net/gh/jerryc127/butterfly_cdn@2.1.0/js/click_heart.js"></script>

<!--添加网站运行时间，在页脚添加-->
<script>
  var now = new Date();
  function createtime() {
      var grt= new Date("10/25/2021 00:00:00");//建站时间或者网站上线时间
      now.setTime(now.getTime()+250);
      days = (now - grt ) / 1000 / 60 / 60 / 24; dnum = Math.floor(days);
      hours = (now - grt ) / 1000 / 60 / 60 - (24 * dnum); hnum = Math.floor(hours);
      if(String(hnum).length ==1 ){hnum = "0" + hnum;} minutes = (now - grt ) / 1000 /60 - (24 * 60 * dnum) - (60 * hnum);
      mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
      seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
      snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
      document.getElementById("timeDate").innerHTML = "马军的博客创建于2021年10月25日，已安全运行 "+ dnum +" 天 " + hnum + " 小时 " + mnum + " 分 " + snum + " 秒.";
  }
  setInterval("createtime()",250);
</script>



<!--鼠标点击效果，富强、民主-->
<script type="text/javascript" src="./jq/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
//定义获取词语下标
var a_idx = 0;
jQuery(document).ready(function($) {
    //点击body时触发事件
    $("body").click(function(e) {
    //需要显示的词语
    var a = new Array("富强","民主", "文明", "和谐","自由", "平等", "公正","法治", "爱国", "敬业","诚信", "友善");
    //设置词语给span标签
    var $i = $("<span/>").text(a[a_idx]);
    //下标等于原来下标+1  余 词语总数
    a_idx = (a_idx + 1)% a.length;
    //获取鼠标指针的位置，分别相对于文档的左和右边缘。
    //获取x和y的指针坐标
    var x = e.pageX, y = e.pageY;
    //在鼠标的指针的位置给$i定义的span标签添加css样式
    $i.css({"z-index" : 999999999999999999999999999999999999999999999999999999999999999999999,
        "top" : y - 20,
        "left" : x,
        "position" : "absolute",
        "font-weight" : "bold",
        "color" : "#ff6651"
        });
    //在body添加这个标签
    $("body").append($i);
        //animate() 方法执行 CSS 属性集的自定义动画。
        //该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
        //详情请看http://www.w3school.com.cn/jquery/effect_animate.asp
        $i.animate({
        //将原来的位置向上移动180
            "top" : y - 180,
                "opacity" : 0
         //1500动画的速度
        }, 1500, function() {
        //时间到了自动删除
            $i.remove();
        });
    });
})
    ;
</script>

<script>
  //当鼠标指针位于元素上方时时，改变元素的背景色：

  $("p").mouseover(function(){
    $("p").css("background-color","yellow");
  });
</script>


<!--鼠标移动蒲公英特效-->

    <script src="js/jquery-2.2.0.min.js"></script>
    
    <script>
      function o(w,v,i){
          return w.getAttribute(v)||i
      }
      function j(i){
          return document.getElementsByTagName(i)
      }
      function l(){
          var i=j("script"),w=i.length,v=i[w-1];
          return {l:w,z:o(v,"zIndex",-1),o:o(v,"opacity",0.5),c:o(v,"color","0,0,0"),n:o(v,"count",99)}
      }
      function k(){
          r=u.width=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth,
          n=u.height=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight
      }
      function b(){
          e.clearRect(0,0,r,n);
          var w=[f].concat(t);
          var x,v,A,B,z,y;
          t.forEach(function(i){
              i.x+=i.xa,
              i.y+=i.ya,
              i.xa*=i.x>r||i.x<0?-1:1,
              i.ya*=i.y>n||i.y<0?-1:1,
              e.fillRect(i.x-0.5,i.y-0.5,1,1);
              for(v=0;v<w.length;v++){
                  x=w[v];
                  if(i!==x&&null!==x.x&&null!==x.y){
                      B=i.x-x.x,z=i.y-x.y,y=B*B+z*z;
                      y<x.max&&(x===f&&y>=x.max/2&&(i.x-=0.03*B,i.y-=0.03*z),A=(x.max-y)/x.max,e.beginPath(),e.lineWidth=A/2,e.strokeStyle="rgba("+s.c+","+(A+0.2)+")",e.moveTo(i.x,i.y),e.lineTo(x.x,x.y),e.stroke())
                  }
              }
              w.splice(w.indexOf(i),1)
          }),m(b)
      }
      var u=document.createElement("canvas"),s=l(),c="c_n"+s.l,e=u.getContext("2d"),r,n,
      m=window.requestAnimationFrame||window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(i){
          window.setTimeout(i,1000/45)
      },
      a=Math.random,f={x:null,y:null,max:20000};
      u.className="particle_canvas";
      var browserName = navigator.userAgent.toLowerCase();
      if (/msie/i.test(browserName) && !/opera/.test(browserName)) {
          u.className += ' ie10_gte';
      };
      u.id=c;
      u.style.cssText="position:fixed;top:0;left:0;z-index:"+s.z+";opacity:"+s.o;
      j("body")[0].appendChild(u);
      k(),window.onresize=k;
      window.onmousemove=function(i){
          i=i||window.event,
          f.x=i.clientX,
          f.y=i.clientY
      },
      window.onmouseout=function(){
          f.x=null,
          f.y=null
      };
      for(var t=[],p=0;s.n>p;p++){
          var h=a()*r,
          g=a()*n,
          q=2*a()-1,
          d=2*a()-1;
          t.push({x:h,y:g,xa:q,ya:d,max:6000})
      }
      setTimeout(function(){b()},100)
    </script>
    <style>
  .github-corner:hover .octo-arm {
    animation: octocat-wave 560ms ease-in-out
  }
  @keyframes octocat-wave {
    0%, 100% {
      transform: rotate(0)
    }
    20%, 60% {
      transform: rotate(-25deg)
    }
    40%, 80% {
      transform: rotate(10deg)
    }
  }
  @media (max-width:500px) {
    .github-corner:hover .octo-arm {
      animation: none
    }
    .github-corner .octo-arm {
      animation: octocat-wave 560ms ease-in-out
    }
  }
</style>


<!--代码高亮-->
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-bash.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-php.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-java.min.js"></script>
<script src="//cdn.jsdelivr.net/npm/prismjs@1/components/prism-sql.min.js"></script>
<!-- 网址即可查cdn.jsdelivr.net/npm/prismjs@1/components -->

<!--表情包-->
<script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/emoji.min.js"></script>

<!--目录折叠-->
<script src="//cdn.jsdelivr.net/npm/docsify-sidebar-collapse/dist/docsify-sidebar-collapse.min.js"></script>

<!-- PDFObject.js is a required dependency of this plugin -->
<!--script src="//cdnjs.cloudflare.com/ajax/libs/pdfobject/2.1.1/pdfobject.min.js"></script--> 
<!-- This is the source code of the pdf embed plugin -->
<!--script src="path-to-file/docsify-pdf-embed.js"></script-->
<!-- or use this if you are not hosting the file yourself -->
<!--script src="//unpkg.com/docsify-pdf-embed-plugin/src/docsify-pdf-embed.js"></script-->

<!--统计字数-->
<script src="//unpkg.com/docsify-count/dist/countable.js"></script>

<style>
  .github-corner {
    position: fixed;
  }/*固定github图标，可以这样写		<link rel="stylesheet" href="./_style.css" />*/
</style>

<!--页面底部，上一节，下一节-->
<script src="//cdn.jsdelivr.net/npm/docsify-pagination/dist/docsify-pagination.min.js"></script>  

<!--代码复制-->
<script src="//cdn.jsdelivr.net/npm/docsify-copy-code/dist/docsify-copy-code.min.js"></script>

<script>
  function refresh() {
      // 刷新 清除缓存
      localStorage.getItem("docsify.search.index") ? localStorage.removeItem("docsify.search.index") : "";
      localStorage.getItem("docsify.search.expires") ? localStorage.removeItem("docsify.search.expires") : "";

      caches.keys().then(data => {
        data.forEach(v => {
          if (v == "docsify") {
            caches.delete('docsify');

            var timeer = setInterval(() => {
              caches.keys().then(res => {
                if (res == '') {
                  console.log("成功清除");
                  clearInterval(timeer)
                  location.reload(); // 刷新                      
                }
              })
            }, 30);

          }
        })
      })
    }

</script>

 <!-- 星空https://home.code-nav.cn/ -->
 <canvas id="canvas" width="1920" height="969"></canvas> 
 <script src="starBg.js"></script>  


</body>
</html>
